﻿@model StudentEditViewModel

@{
    ViewBag.Title = "编辑学生信息";
    var photoPath = "~/Images/" + (Model.ExistingPhotoPath ?? "vsimg03.jpg");
}

<form enctype="multipart/form-data"  asp-controller="home" asp-action="edit" method="post" class="mt-3">
    <div asp-validation-summary="All" class="text-danger"></div>

    <input hidden asp-for="Id"/>
    <input hidden asp-for="ExistingPhotoPath" />

    <div class="form-group row">
         <label asp-for="Name" class="col-sm-2 col-form-label"></label>
         <div class="col-sm-10">
               <input asp-for="Name" class="form-control" placeholder="请输入名字" />
               <span asp-validation-for="Name" class="text-danger"></span>
         </div>
    </div>      
    <div class="form-group row">
         <label asp-for="Email" class="col-sm-2 col-form-label"></label>
         <div class="col-sm-10">
               <input asp-for="Email" class="form-control" placeholder="请输入邮箱" />
               <span asp-validation-for="Email" class="text-danger"></span>
         </div>
    </div>
    <div class="form-group row">
         <label asp-for="ClassName" class="col-sm-2 col-form-label"></label>
         <div class="col-sm-10">
               <select asp-for="ClassName" asp-items="Html.GetEnumSelectList<ClassNameEnum>()" class="custom-select mr-sm-2">
                    <option value="">请选择</option>
               </select>
               <span asp-validation-for="ClassName" class="text-danger"></span>
         </div>
    </div>

        <div class="form-group row">
         <label asp-for="Photos" class="col-sm-2 col-form-label"></label>
         <div class="col-sm-10">
             <div class="custom-file">
                <input asp-for="Photos" multiple class="form-control custom-file-input"/>
                <label class="custom-file-label">请选择照片.......</label>
             </div>
         </div>
    </div>

    <div class="form-group row row col-sm-4 offset-4">
        <img class="imagesThumbnail" src="@photoPath" asp-append-version="true" />
    </div>

   <div class="form-group row">
      <div class="col-sm-10">
              <button type="submit" class="btn btn-primary">更新</button>
              <a asp-action="index" asp-controller="home" class="btn btn-primary">取消</a>
      </div>
   </div>


   @section Scripts{
       <script type="text/javascript">
           $(document).ready(function(){
               $(".custom-file-input").on("change",function(){
               //console.log($(this));
                var fileName=$(this).val().split("\\").pop();
               $(this).next(".custom-file-label").html(fileName);

               //var fileLabel=$(this).next(".custom-file-label");
               //var files=$(this)[0].files;
               //if(files.length>1){
               //    fileLabel.html("您已经选择了"+files.length+"个文件");
               //} else{
               //    fileLabel.html(files[0].name);
               //}

               });
           });
           </script>
   }
</form>

